<template>
	<div class="content">
		<div>用户</div>
		<button @click="goziliao">个人资料</button>
	</div>
	<tabbar modelValue="user" />
</template>

<script setup>
import tabbar from '@/components/tabbar.vue'
import { useRouter } from 'vue-router'
import { onActivated, defineOptions } from 'vue'
const router = useRouter()
const goAbout = () => {
	router.push('/home')
}
const goziliao = () => {
	router.push('/user/profile')
}
onActivated(() => {
	console.log('组件激活时')
})
defineOptions({
	name: 'user' // 这个名称必须与 include 中的名称匹配
})
</script>

<style scoped>
.content {
	position: relative;
	min-height: 100vh;
	padding: 100px;
}
</style>